<!-- <script> 
vue2.x 语法 
export default {
    props: ['name', 'age']
}
</script> -->
<script setup>

// const props = defineProps(['name', 'age'])
// 解构赋值
const { name, age, fn } = defineProps({
    name: String,
    age: Number,
    fn: Function
})

// 获取到 emit vue2是this.$emit
// vue3是defineEmits
const emit = defineEmits()

// 3.给父组件传递参数用的
function btnClick() {
    // 调用将参数传递父组件
    // 两种方法，我推荐用第一种
    // fn('拼搏到无能为力，坚持到感动老师')
    emit('fun', '你好中国')
}
</script>
<template>
    <!-- <h1>我是 cell 组件 -- {{ props.name }} -- {{ props.age + 1 }} </h1> -->
    <div>
        <h1>我是 cell 组件 -- {{ name }} -- {{ age + 1 }} </h1>
        <button @click="btnClick">给父组件传值</button>
    </div>
</template>